/*
Theme Name: Blog-O-Folio
Description: A rocking wordpress theme that merges your portfolio and blog beautifully.
Author: MOin
Theme URI: http://socialshouts.com/blog-o-folio
Demo URI: http://socialshouts.com/demo/blog-o-folio
More info: Theme coded and designed by MOin (socialshouts.com), supported by Bhanu (slodive.com) and featured by SmashingMagazine.
version: 1.0
*/

/* basics */
*{margin:0; padding:0;}

body {
	background: url(images/bg.png) repeat-x #181716;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:0px;
	}

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}
h4 {font-size: 9pt;}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #71dde9;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}

/* links */
a{
	color:#71dde9;
	text-decoration:none;
	outline: none;
	}

a:hover{text-decoration: none;}

a.opacity img {
opacity:1.0;
	}
 
a.opacity:hover img {
opacity:0.7;
	}
	
/* container */
#container {
	width: 960px;
	margin: 4px auto 0 auto;
	padding:0;
	color:#fff;
	overflow: hidden;
	}
	
/* header */
#header {
  	height: 100px;
	color: #fff; 
	width: 960px;
	margin: 0 auto;
	}

#header h1{
	font:normal 24pt verdana, arial, tahoma;
	padding:27px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #fff; text-decoration: none;}
#header h1 a:hover{ text-decoration: none;}

#header h2{
	font:normal 10pt verdana, arial, tahoma;
	color:#71dde9;
	padding: 0 0 0 18px;
	margin:0;	
	}
#header img {
	float:left;
	margin: 0 10px 0 0;
	max-height:100px;
}

/* Menu */
.nav {line-height: 1; background-color: #313131; width: 100%; height: 36px; width: 950px;}
.nav, .nav * { list-style: none; margin: 0 auto;}
.nav li { float: left; padding: 0; position: relative;}
.nav ul li { width: 100%; }
.nav a { display: block; position: relative; padding: 12px 10px 14px 10px;}

/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; margin-left: 0px; margin-top: 1px; }

/* Default Skin */
.nav { margin-top: 1px;}
.nav ul { border-bottom: none; margin-top: 9px; margin-left: 1px;}
.nav ul li a { border-top: 1px solid #464644; margin-top: -1px}
.nav li:hover ul,
.nav li.nav-hover ul { background: #292826; }

.nav a { color: #fff; font-size: 12px; font-family: tahoma; letter-spacing: 0px; font-weight: 500; }
.nav a:hover { text-decoration: none; background: #292826; border-top: 1px solid #71dde9; margin-top: -1px; color: #71dde9;}
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #292826; }
.nav .current_page_item a { background: #292826; border-top: 1px solid #71dde9; margin-top: -1px; color: #71dde9; }
.nav .portfolio { float:right; }

/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/* Welcome box */
#welcome {
background: url(images/welcomebg.png) repeat-x;
height: 142px;
margin: 2px 0 0 0 !important;
margin: 0px 0 0 0;
border-bottom: 4px solid #353533;
}

.welcome-content {
width: 1051px;
margin:0 auto;
background: url(images/welcome-cubes.png) no-repeat center;
height: 142px;
}

.welcome-content img {
margin: 5px 0px 0 0px;float:left;max-height:132px;
}

.welcome-text {
margin: 40px 0px 0 0;
font-size: 22px;
color: #292826;
float: left;
max-width: 750px;
width: 750px;
text-align: center;
font-family: Georgia,"Nimbus Roman No9 L",serif;
text-shadow: #91e3ec 1px 2px 0;
font-style: italic;
}

/* content */
#content {
	float:left;
	width:660px;
	overflow: hidden;
	margin:14px 0 14px 0px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	background: #252525;
	color: #fff;
	border: 1px solid #353432;
	margin: 0 0 45px 0;
	padding: 15px;
	}
	
.post a {
color: #71dde9;
text-decoration: none;
}

.post h2{
	font:normal 15pt verdana, arial, tahoma;
	}
	
.post h2 a{
	color: #fff;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {margin:0 0 20px 40px;}

.post li {}

.post-single {
	margin:0;
	padding:0;
	line-height: 14pt;
	background: #252525;
	color: #fff;
	border: 1px solid #353432;
	margin: 0 0 20px 0;
	padding: 15px;
	}
	
.post-single a {
color: #71dde9;
text-decoration: none;
}

.post-single h2{
	font:normal 16pt verdana, arial, tahoma;
	}
	
.post-single h2 a{
	color: #fff;
	text-decoration: none;
	}
	
.post-single h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post-single ul {margin:0 0 20px 40px;}
.post-single li {}

.entry-main { float:right; width: 298px; position: relative;}
.entry-main p{margin:10px 0;}
.entry-main h2 a {margin: 0 0 0 0px; font-size: 18px;}
.entry-main h2 {width: 298px; }

.entry p{margin:12px 0;}

.home-title { border-bottom: 1px solid #353432;padding-bottom:10px;margin-bottom:10px; }
.post-title { border-bottom: 1px solid #353432;padding-bottom:10px;margin-bottom:10px;position:relative; }

.entry-portfolio { position: relative;}
.entry-portfolio p{margin:10px 0;}
.entry-portfolio h2 a {margin: 0 0 0 0px; font-size: 18px;}
.entry-portfolio h2 { margin: 10px 0 0 0; }

.entry-footer { float:left; width: 298px; position: relative; background: #181716; border: 1px solid #353432; margin: 0 0 15px 15px; text-align: center; padding: 10px 0;}
.entry-footer p{margin:10px 0;}
.entry-footer h2 a {margin: 5px 0 0 0px; font-size: 18px;}
.entry-footer h2 {width: 298px; margin: 0 0 10px 0; }
.entry-footer img { border: 5px solid #353432; }

.comment-count {
	background: url(images/comment-count.png) no-repeat left #3e3e3e;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	right: 76px !important;
	right: 108px;
	top: 17px;
}
.comment-count a {
color: #fff;
}

.read-more {
	background: url(images/read-more.png) no-repeat left #3e3e3e;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	right: -16px !important;
	right: 16px;
	top: 17px;
}
.read-more a {
color: #fff;
}

.read-more2 {
	background: url(images/read-more2.png) no-repeat left #37a6bf;
	padding: 3px 5px 0 25px;
	float:right;
	height: 18px;
	margin: 5px 15px 20px 0;
}
.read-more2 a:link, .read-more2 a:visited {
color: #181716 !important;
}

.author {
	background: url(images/author.png) no-repeat left #37a6bf;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	left: -16px;
	top: 17px;
}
.author a {
color: #181716;
}

.comment-count-single {
	background: url(images/comment-count.png) no-repeat left #3e3e3e;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	right: 97px !important;
	right: 129px;
	top: 12px;
}
.comment-count-single a {
color: #fff;
}

.date-single {
	background: url(images/date.png) no-repeat left #3e3e3e;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	right: 0px !important;
	right: 32px ;
	top: 12px;
}
.date-single a {
color: #fff;
}

.author-single {
	background: url(images/author.png) no-repeat left #37a6bf;
	padding: 1px 5px 0 25px;
	float:right;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 12px;
}
.author-single a {
color: #fff;
}

.postmetadata{
	background:#181716;
	border: 1px solid #353432;
	padding:6px;
	margin: 20px 0;
	}
.postmetadata h3 {
	margin: 3px 0 5px 0;
        font-size: 10pt;
}
	
.thumb-main {
float:left;
}
.thumb-main img {
border: 5px solid #353432;
}

.thumb-single {
margin: 10px 0 0 0;
}
.thumb-single img {
border: 5px solid #353432;
}

.archive-title {background: #252525; border: 1px solid #353432; padding: 15px;  margin: 0 0 20px 0;}
.archive-title a {text-decoration: none;}
.archive-title h2 {margin: 0 0 5px 0;}
.archive-title span {color: #71dde9;}

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#blog-label {
background: url(images/blog.png) no-repeat top left;
height: 80px;
margin: 25px 0 0 0;
width: 960px;
border-bottom: 1px solid #353432;
}
#blog-label .label {
margin: 0 0 0 90px;
}
#blog-label .label h2 {
color: #71dde9;
font-size: 22px;
font-weight: normal;
margin: 5px 0 0 0;
}
#blog-label .label h3 {
color: #e04023;
font-weight: normal;
font-size: 10pt;
}

.label-home {
margin: 0 0 0 125px;
}
.label-post {
margin: 0 0 0 65px;
}
.label-portfolio {
margin: 0 0 0 118px;
}

#blog-label2 {
background: url(images/star.png) no-repeat top left;
height: 80px;
margin: 25px 0 0 0;
width: 960px;
border-bottom: 1px solid #353432;
}
#blog-label2 .label {
margin: 0 0 0 80px;
}
#blog-label2 .label h2 {
color: #71dde9;
font-size: 22px;
font-weight: normal;
}
#blog-label2 .label h3 {
color: #e04023;
font-weight: normal;
margin: 0 0 5px 180px;
font-size: 10pt;
}

/* Social Buttons */
.social {
	background: url(images/social-icons/heart.png) no-repeat 7px 10px;
	font-size: 14pt !important;
	font-size: 12pt;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #252525;
	color: #fff;
	height: 49px;
	border: 1px solid #353432; 
}

.social-right{ 
float: right;
}
.social-left{ 
float: left;
margin: 15px 0 0 47px !important;
margin: 15px 0 0 21px;
}

.social img {
float: right;
padding:0;
margin:0;
}

/* sidebar */
#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:280px;
	float:right;
	margin:14px 0 0 0;
	padding: 0;
	background: #252525;
	color: #fff;
	border: 1px solid #353432;
	}
	
#sidebar a {
color: #fff;
text-decoration: none;
}

#sidebar h2{
	font:normal 12pt verdana, arial, tahoma;
	color: #fff;	
	margin: 0;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #353432;
	background: url(images/sb-h2-bg.png) no-repeat -8px -7px;
}

#sidebar label{
	font:normal 11pt verdana, arial, tahoma;
	color: #fff;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding: 0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar li {}
#sidebar li a:link, #sidebar li a:visited {
padding: 2px 0 3px 25px;
margin: 1px 0 0 0;
background: url(images/bullet.png) no-repeat 6px 0px;
}
#sidebar li a:hover {
background: url(images/bullet-hover.png) no-repeat 7px 0px;
}
#sidebar ul {
	margin:12px;
	padding:0;
	}
#sidebar ul li {
	margin: 1px 0 0 0 !important;
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 18pt !important;
	line-height: 15pt;
	list-style-type: none;
	}
#sidebar ul ul {
	margin:14px 0;
	padding:0;
}
#sidebar ul ul li {
	list-style-type: none;
	background:transparent url(images/sb-bg.png) no-repeat 0 1px;
	}
#sidebar ul ul li:hover{
	list-style-type: none;
	background:transparent url(images/sb-bg-hover.png) no-repeat 0 1px;
	}
#sidebar ul ul ul{
	margin: 2px 0 0 0 !important;
	margin: -1px 0 0 0;
}
#sidebar ul ul ul li{
	color: #fff;
	margin: 1px 0 0 0;
}
#sidebar ul ul ul li a:link, #sidebar ul ul ul li a:visited{
	color: #fff;
	margin: 0 0 0 15px;
}

#subscribe {
margin: 25px 0 20px 22px;
}
#subscribe img {
margin-right: 10px;
}

.subscribe-form {
color:#555;
border-right:1px solid #dedcdc;
border-bottom:1px solid #dedcdc;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
background:#FFFFFF; 
width:190px;
height:20px;
padding:3px 0 2px 3px;
font-family:Trebuchet MS;
font-weight:bold;
}
.subscribe-form1 {
width:70px;
color:#555;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-top:1px solid #dedcdc;
border-left:1px solid #dedcdc;
background:#f9f9f9;
padding:2px 0 3px 0;
margin:1px 0 0 0;
font-family:Trebuchet MS;
font-weight:bold;
cursor:pointer;
}

#sidebar .thumbs {
  margin:0 0 0px 6px;
  clear: both;
}
#sidebar .thumbs img {
  margin: 0px 6px 6px 0px;
  border:0;
  float: left;
  padding: 2px;
  border: 1px solid #353432;
}
#sidebar .thumbs a:hover img {
border: 1px solid #37a6bf;
}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 20px auto;
	width: 155px;
	}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	color: #71dde9;
	}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	color: #71dde9;
	}
#wp-calendar a {
	display: block;
	color: #71dde9;
	}
#wp-calendar caption {
	text-align: center;
	width: 100%;
	}
#wp-calendar td {
	padding: 2px 2px;
	text-align: center;
	}
	
/* comments */
#commentform{
	margin:0;
	padding:0;
	}	
#commentform p{
	color: #fff;
	}
#commentform a{color: #eee; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
#commentform h3{
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	margin:0;
	padding:0;
	}

#comment{
	width:80%;
	}

#author{
	background: url(images/name.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:12px 0 0 80px;
	color: #eee;
	border: none;
	width: 220px;
	height: 28px;
	}
#author:focus{
background: url(images/name2.png) no-repeat;
}

#email{
	background: url(images/email.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:12px 0 0 80px;
	color: #eee;
	border: none;
	width: 220px;
	height: 28px;
	}
#email:focus{
background: url(images/email2.png) no-repeat;
}

#url{
	background: url(images/url.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:12px 0 0 80px;
	color: #eee;
	border: none;
	width: 220px;
	height: 28px;
	}
#url:focus{
background: url(images/url2.png) no-repeat;
}

#comment{
	background: url(images/comment.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:10px;
	border: none;
	color: #eee;
	max-width: 480px;
	}
#comment:focus{
background: url(images/comment2.png) no-repeat;
}

#submit{
	background: url(images/submit.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: none;
	height: 42px;
	width: 122px;
	}
#submit:focus{
background: url(images/submit2.png) no-repeat;
}

#comments{margin:0; padding:0}
#comments h3 {
	font-size:18px;font-weight:normal
}

ol.commentlist {list-style-type: none; margin:0; padding:0;}
.avatar{}
ol.commentlist li {
background: #252525;
border: 1px solid #353432;
	margin:10px 0;
	padding:10px 10px 10px 10px;
	list-style-type:none;
	}
ol.commentlist li:hover {background: #2b2b2b;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; width: 470px; overflow:hidden; color: #fff;}
ol.commentlist a {color:#71dde9; text-decoration:none;}
ol.commentlist  .date {
font-size: 10px;
	}
	
#respond .cancel-comment-reply  { 
float:right; 
font-size: 12px;
margin:-15px 20px 0 0;
padding: 7px 0px 0px 10px;
padding: 7px 0px 0px 10px; 
height: 21px;
width: 82px;
}

div.reply {
width: 41px;
height: 21px;
background: transparent url(images/reply.png) no-repeat;
float: right;
margin: -50px 10px 0 0;
font-size: 10px;
color: #fff;
padding: 7px 0 0 10px;
}

.avatar {
margin: 10px 15px 0 7px;
float:left;
}

cite {
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	}	
cite a{color: #71dde9; text-decoration: none;}

.login {
float:right;margin: -25px 180px 0 0;
}

/* search */
.search {}
.search-button {
outline-style:none;outline-width:0;border:none;background:none;margin:8px 5px 0 5px;
}

#searchform{
	padding:0;
	margin:14px 0;
	border: none;
	}
#searchform input#s{
background:transparent url(images/searchbg.png) no-repeat;
	margin:0;
	border:none;
	color: #eee;
	width: 105px;
	padding: 11px 0 0px 90px;
	height: 29px;
	float:left;
	}
#searchform input#s:focus{
background:transparent url(images/searchbg2.png) no-repeat;
border: none;
}

/* misc */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.clear-position {
clear: both;position:relative;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* footer */
#footer {
	background:#252525;
	border-top: 1px solid #343434;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	}
#footer p{padding:14px 0;margin: 0; color: #fff; text-align:center;}
#footer p a {color: #71dde9;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{text-decoration: none;}

.footer-container {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

.footer-credits {
 background: #181716; border-top: 1px solid #353432; border-bottom: 1px solid #353432; clear: both;
}

.credit-left {
float: left;
}
.credit-right {
float: right;
}
.credit-right-arrow {
margin:0 0 -2px 3px;
}

/* page navi */
.wp-pagenavi {padding: 3px 0 20px 0;border-top: 1px solid #353432;}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3e3e3e;
	color: #ffffff;
	background-color: #3e3e3e;		font-size: 12px;
}
.wp-pagenavi a:visited {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3e3e3e;
	color: #ffffff;
	background-color: #3e3e3e;		font-size: 12px;
}
.wp-pagenavi a:hover {	
	border: 1px solid #3e3e3e;
	color: #ffffff;
	background-color: #6e6e6e;	font-size: 12px;
}
.wp-pagenavi a:active {
	padding: 2px 6px 2px 6px;  
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3e3e3e;
	color: #ffffff;
	background-color: #FFFFFF;			font-size: 12px;
}
.wp-pagenavi span.pages {
	padding: 2px 6px 2px 6px; 
	margin: 2px 2px 2px 0px;
	color: #ffffff;
	border: 1px solid #3e3e3e;
	background-color: #3e3e3e;	font-size: 12px;
}
.wp-pagenavi span.current {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #3e3e3e !important;
	color: #ffffff;
	background-color: #3e3e3e;	font-size: 12px;
}
.wp-pagenavi span.extend {
	padding: 2px 6px 2px 6px; 
	margin: 2px;	
	border: 1px solid #3e3e3e;
	color: #ffffff;
	background-color: #3e3e3e;	font-size: 12px;
}